@charset "utf-8";

/* 禁用iPhone中Safari的字号自动调整 */
html {
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
}

/* 去除iPhone中默认的input样式 */
input[type="submit"], input[type="reset"], input[type="button"], input {
	-webkit-appearance: none;
	resize: none;
}

/* 取消链接高亮  */
body, div, ul, li, ol, h1, h2, h3, h4, h5, h6, input, textarea, select, p, dl, dt, dd, a, img, button, form, table, th, tr, td, tbody, article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

/* 设置HTML5元素为块 */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
	display: block;
}

/* 图片自适应 */
img {
	width: 100%;
	height: auto;
	width: auto\9; /* ie8 */
	-ms-interpolation-mode: bicubic;/*为了照顾ie图片缩放失真*/
}

/* 初始化 */
body, div, ul, li, ol, h1, h2, h3, h4, h5, h6, input, textarea, select, p, dl, dt, dd, a, img, button, form, table, th, tr, td, tbody, article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
	margin: 0;
	padding: 0;
	border: none;
}
body {
	font: 14px Microsoft YaHei, Tahoma, Arial, sans-serif;
}
em, i {
	font-style: normal;
}
strong {
	font-weight: normal;
}
.clearfix:after {
	content: "";
	display: block;
	visibility: hidden;
	height: 0;
	clear: both;
}
.clearfix {
	zoom: 1;
}
a {
	text-decoration: none;
	color: #969696;
	/* font-family: Microsoft YaHei, Tahoma, Arial, sans-serif; */
}
/* a:hover {
	color: #FED503;
	text-decoration: none;
} */
ul, ol {
	list-style: none;
}
h1, h2, h3, h4, h5, h6 {
	font-size: 100%;
}
img {
	border: none;

}
/*toast*/
.util-toast{
	position: fixed;
	width: 30%;
	height: 100%;
	top: 0;
	left: 35%;
	background-color: rgba(0, 0, 0, 0);
	z-index: 1001;
}
.util-toast-content{
	display: inline-block;
	position: absolute;
	top: 50%;
	left: 65px;
	right: 65px;
	margin: auto;
	padding: 16px 26px;
	background-color: rgba(0, 0, 0, .8);
	border-radius: 4px;
	color: #fff;
	font-size: 16px;
	line-height: 22px;
	text-align: center;
	word-break:break-word;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
}
.active {
	/*background: #fff !important;*/
}
/*confirm*/
.util-mask-layer {
	position: fixed;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background: rgba(0, 0, 0, 0.4);
	z-index: 1000;
}

.util-mask-layer-box {
	width: 250px;
	display: inline-block;
	position: absolute;
	/*border-radius: 4px;*/
	top: 50%;
	left: 0;
	right: 0;
	margin: auto;
	background-color: #fff;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);

}

.util-mask-layer-box .title {
	width: 56px;
	height: 56px;
	line-height: 56px;
	color: #fff;
	font-size: 38px;
	background-color: #1ED760;
	border-radius: 40px;
	text-align: center;
	margin: 18px auto;
}

.util-mask-layer-box .content {
	font-size: 12px;
	color: #333;
	padding: 5px;
	/* text-align: center; */
	height:inherit;
	line-height: 40px;
	padding-left: 11px;
	width: 95%;
}

.util-mask-layer-box .submit {
	display: -webkit-box;
	-webkit-box-pack: center;
	-webkit-box-align: center;
	width: 100%;
}

.util-mask-layer-box .submit a {
	-webkit-box-flex: 3;
	box-flex: 3;
	/* background-color: #1ED760; */
	color: #000;
	font-size: 14px;
	display: block;
	text-align: center;
	height: 35px;
	line-height: 35px;
	border: 1px solid #d7d7d7;
}
.util-mask-layer-box .submit a:nth-child(2){
	border-left:0;

}

.util-mask-layer-box .submit a.cancel {
	/*background-color: #bba066;*/
}
.util-mask-share-input {
	border: 1px solid #d7d7d7;
	width: 40%;
	height: 20px;
	outline: none;

}
.util-mask-layer-box img {
	max-width: 100%;
	width: 25%;
	margin-top: 6px;
	float: right;
	margin-right: 10px;
}
/*.util-mask-layer-box .up {
	width: 92%;
	height: 10px;
	font-size: 12px;
	padding: 10px 10px 5px;

}*/

/*统计代码样式*/
#cnzz_stat_icon_1259546694{

}
#cnzz_stat_icon_1259546694 img{
	width:50px;
	height:12px;
	position: absolute;
	bottom:0px;
	opacity: 0;
}
html, body {
	position: relative;
	height:100%;
}


* {
	padding: 0;
	margin: 0;
	list-style: none;
	font-weight: normal;
	font-family: 微软雅黑;

}

a {
	text-decoration: none;
}

.pr{
	position: relative;
}

.container{
	margin-right:auto;
	margin-left:auto
}

@media (max-width:768px) {
	.container {
		width: 80%;
	}

	.container.containerMore{
		width: 90%;
	}
}
@media (min-width:820px){
	.container{
		width:800px
	}
}
@media (min-width:900px){
	.container{
		width: 860px;
	}
}
@media (min-width:992px){
	.container{
		width:970px
	}
}
@media (min-width:1200px){
	.container{
		width:1200px
	}
}

[v-cloak] {
	display: none !important;
}
.v-cloak {
	display: none !important;
}



